<template>
  <view class="picker">
    <button @click="btn">你超越了魔道</button>
    <u-popup
        :show="isPicker"  
        :round="true"  
    >
        <view class="xx">
            <Picker />
        </view>
    </u-popup>
  </view>
</template>

<script>
import Picker from './components/Picker.vue'
export default {
    name: 'picker',
    components: { Picker },
    data() {
        return {
            innerColumns: [
                {
                    title: '计算机应用'
                },
                {
                    title: '医疗服务'
                },
                {
                    title: '光伏ETF'
                },
                {
                    title: '通信服务'
                },
                {
                    title: '有色金属'
                },
                {
                    title: '新能源'
                },
                {
                    title: '煤炭ETF'
                },
                {
                    title: '稀土元素'
                }
            ],
            innerIndex: [],
            isPicker: true
        }
    },
    methods: {
        btn() {
            this.isPicker = true;
        }
    }
}
</script>

<style lang="scss" scoped>
.picker {
    display: flex;
    flex-direction: column;
    &View {
        display: flex;
        flex-direction: column;
    }
}
</style>